.oneLine{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.line-clamp-2{
	white-space: pre-wrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
}
.base_box{
	// box-shadow: $baseBoxShoadow;
	border-top: $baseBorder;
	border-bottom: $baseBorder;
	border-radius: $BaseBorderRadius;
}
.base_box_round{
	box-shadow: $baseBoxShoadow;
	border: $baseBorder;
	border-radius: $BaseBorderRadius;
}
.index_list_box{
	padding: 0.3em 0.5em;
	margin: $mainBoxMargin;
	background:rgba($baseColor, 0.05);
}
.popup_title{
	padding: 0.5em 0;
	font-size: $bigFontsize;
	font-weight: bold;
	color: $baseBlack_mid;
}
.header_scroll{
	height: calc(100vh - $mainHeaderHeight);
}
.theDetail_class {
	font-weight: bold;
	padding: 0.2em 0.5em;
	font-size: $mainBigFontsize;
	color: $baseBlack_mid;
}
.smallTitle{
	font-size: 0.8em;
	opacity: 0.9;
	margin: 0 0.3em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.clickBox{
	&:active{
		background:rgba($baseWhite_click,0.5);
		box-shadow: 1px 1px 1px $baseWhite_click,-1px -1px 1px $baseWhite_click;
	}
}